<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta content="email=no" name="format-detection">
<meta content="telephone=no" name="format-detection">
<title>水量查询</title>
<!-- 日期插件开始 -->
<link rel="stylesheet" href="../../css/normalize3.0.2.min.css" />
<!-- <link rel="stylesheet" href="css/style.css?v=7" /> -->
<link href="../../css/mobiscroll.css" rel="stylesheet" />
<link href="../../css/mobiscroll_date.css" rel="stylesheet" />
<!-- 日期插件结束 -->
<link rel="stylesheet" type="text/css" href="../../css/common.css">
<link rel="stylesheet" type="text/css"
	href="../../css/query_water.css">
<link rel="stylesheet" type="text/css"
	href="../../css/binding_ch.css">
<link rel="stylesheet" type="text/css" href="../../css/personal.css">
<link rel="stylesheet" type="text/css"
	href="../../font-awesome-4.5.0/css/font-awesome.min.css">
<script src="../asset/js/baseinfo.js"></script>
<script src="../asset/js/jquery_simple.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
	<!-- 主页面开始 -->
	<div class="main">
		<div class="return">
		
		</div>
		<div class="wrap">
			<div class="header">
				<div class="title">
					<p class="ch">当前房源</p>
					<p class="text" id="homeName"></p>
					<p class="have">
						已绑定<span id="list"></span>套房源
					</p>
				</div>
				<div class="next">
					<a href="javascript:(0)" onclick="getUserByHomeResouse();">
					<span class="fa fa-angle-right"></span> </a>
				</div>
			</div>
			<div class="content">
				<div class="date">
					<p class="query-date">自定义日期查询</p>
					<a href="#"><span class="fa fa-angle-right"></span> </a>
				</div>
				<div class="count" id="SelectList">
					
				</div>
			</div>
		</div>
	</div>
	<!-- 日期选择页面开始-->
	<div class="setting">
		<div class="show">
			<p class="start">起始日期</p>
			<input type="text" name="USER_AGE" id="USER_AGE" readonly
				class="input" placeholder="点击设定起始日期" />
			<p class="end">至</p>
			<!-- <input type="text" placeholder="点击设定结束日期" /> -->
			<input type="text" name="USER_END" id="USER_END" readonly
				class="input" placeholder="点击设定结束日期" />
		</div>
		<div class="btn">
			<input type="button" value="确 认" class="confirm" onclick="confirmTime();" /> <input
				type="button" value="取 消" class="cancel" onclick="cancelTime();"/>
		</div>
	</div>
	<!-- 日期选择页面结束 -->
	</div>
	</div>
	<!-- 主页面结束 -->
	<!-- 添加房源页面开始build-ch.css -->
	<div class="build">
		<div class="rent" id="hoseList">
			<div class="rent-ch" id="template"
				style="display: none;">
			<a href="
				javascript:(0)" onclick="getHome(this);" style="color:black;">
				<p class="building" val="">${homeName}</p>
				<p class="homeUserNo" id="homeUserNO" hidden="true"></p>
				<p class="state">${selected}</p>
				</a>
			</div>
		</div>
		<div class="add">
			<p class="add-bl">添加新房源</p>
			<a href="addhome.html"><span class="fa fa-angle-right"></span> </a>
		</div>
	</div>
	<!-- 添加房源页面结束 -->
	<!-- <div class="nav">
		<ul>
			<li><img class="tubiao" src="../../images/icon_index.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_mine_active.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_affiche.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_service.png">
			</li>
		</ul>
	</div> -->
	<div class="year" id="queryWater" style="display: none;">
		<p class="lab">年</p>
		<div class="mon-body">
			<div class="month" >
				<div class="mon-left">
					<span></span>月
				</div>
				<div class="mon-right">
					<div class="word" id="waterCodes">
						<p class="wr-t">本月统计</p>
						<p class="wr-b">
							起码<span id="Start"></span>止码<span id="end"></span>
						</p>
					</div>
					<div class="figure">
						<span id="sum"></span> t
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../asset/js/jquery-2.2.1.min.js"></script>
	<!-- 日期插件js开始 -->
	<script src="../asset/js/jquery.min.js"></script>
	<script src="../asset/js/mobiscroll_date.js" charset="gb2312"></script>
	<script src="../asset/js/mobiscroll.js"></script>
	<script type="text/javascript" src="../../js/user/query_water.js"></script>
	
	<script type="text/javascript">
		$(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
				display: 'modal', //显示方式 
				mode: 'scroller', //日期选择模式
				dateFormat: 'yyyy-mm',
				lang: 'zh',
				showNow: true,
				nowText: "今天",
				startYear: currYear - 50, //开始年份
				endYear: currYear + 10 //结束年份
			};

			$("#USER_AGE").mobiscroll($.extend(opt['date'], opt['default']));
			$("#USER_END").mobiscroll($.extend(opt['date'], opt['default']));

		});
	</script>
	<!-- 日期插件js结束 -->
</body>
</html>